<include file="Public:head" />
<!-- banner部分 -->
<div>
	<div class="layui-carousel" id="banner">
		<div carousel-item>
			<showad cid='9'>
				<div class="item">
					<img class="img" src="{$field.pic}" alt="{$field.name}">
				</div>
			</showad>
		</div>
	</div>
</div>
<!-- main部分 -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<div class="main-product">
	<div class="layui-container">
		<p class="title">专为前端而研制的<span>核心产品</span></p>
		<div class="layui-row layui-col-space25">
			<div class="layui-col-sm6 layui-col-md3">
				<div class="content">
					<div><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/Big_icon1.png"></div>
					<div>
						<p class="label">JS基础库</p>
						<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
					</div>
					<a href="javascript:;">查看产品 ></a>
				</div>
			</div>
			<div class="layui-col-sm6 layui-col-md3 ">
				<div class="content">
					<div><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/Big_icon2.png"></div>
					<div>
						<p class="label">CSS处理</p>
						<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
					</div>
					<a href="javascript:;">查看产品 ></a>
				</div>
			</div>
			<div class="layui-col-sm6 layui-col-md3 ">
				<div class="content">
					<div><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/Big_icon3.png"></div>
					<div>
						<p class="label">兼容性</p>
						<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
					</div>
					<a href="javascript:;">查看产品 ></a>
				</div>
			</div>
			<div class="layui-col-sm6 layui-col-md3 ">
				<div class="content">
					<div><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/Big_icon4.png"></div>
					<div>
						<p class="label">响应式</p>
						<p>从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</p>
					</div>
					<a href="javascript:;">查看产品 ></a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="main-service">
	<div class="layui-container">
		<p class="title">为客户打造完美的<span>专业服务</span></p>
		<div class="layui-row layui-col-space25 layui-col-space80">
			<div class="layui-col-sm6">
				<div class="content">
					<div class="content-left"><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/home_img1.jpg"></div>
					<div class="content-right">
						<p class="label">1 对 1 前端指导</p>
						<span></span>
						<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
					</div>
				</div>
			</div>
			<div class="layui-col-sm6">
				<div class="content">
					<div class="content-left"><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/home_img2.jpg"></div>
					<div class="content-right">
						<p class="label">1 对 1 前端指导</p>
						<span></span>
						<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
					</div>
				</div>
			</div>
			<div class="layui-col-sm6">
				<div class="content">
					<div class="content-left"><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/home_img3.jpg"></div>
					<div class="content-right">
						<p class="label">1 对 1 前端指导</p>
						<span></span>
						<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
					</div>
				</div>
			</div>
			<div class="layui-col-sm6">
				<div class="content">
					<div class="content-left"><img src="__PUBLIC__/{$Think.Config.DEFAULT_THEME}/img/home_img4.jpg"></div>
					<div class="content-right">
						<p class="label">1 对 1 前端指导</p>
						<span></span>
						<p>更有多个包含不同主题的Web组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。</p>
					</div>
				</div>
			</div>
		</div>
		<div class="service-more"><a href="">查看更多</a></div>
	</div>
</div>
<include file='Public:foot' />